@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td
{
    margin: 0;
    padding: 0;
}

@font-face {
	font-family: 'MyriadPro-Regular'; /*colocacion de nombre*/
	src: url(../fonts/MyriadPro-Regular.otf);
}

@font-face {
	font-family: 'MyriadPro-Semibold';
	src: url(../fonts/MyriadPro-Semibold.otf);
}

/*common style*/
body{
background-image:url(../images/fondo-body.jpg);
background-repeat:repeat-x;
background-color:#70aa70;
	}
/*contenedores, # signilfica que es  un ID dentro de una div o cualquier tag html*/
#page{
/*para que todo el contenido de la pagina este al centro*/
	margin:0px auto;
	width:960px;/*tamaño dela pagina*/
	background-color:#fff;
}



/*INICIO DE LA CABECERA*/

#header{
	width:960px;
	float:left;
		
}
	#logo {/*estilo del logo*/
		height:199px;
	}
	
	#logo img{/*estilo del logo*/
		height:199px;
		width:960px;
		border:#000000 solid 1px;
	
	}
	
	#pages_nav{ /*estilo del menu*/
		
	}
		#pages_nav li{	 /*estilo del menu*/
		float:left;
		list-style:none; /*quita los puntos de la lista*/
		margin-right:10px; /*para que los botones esten separados*/
		height:33px;
		
		}
		
		#pages_nav li a{	
		background-color:#30522f; /*para que los botones esten dentro de un color*/
		color:#FFFFFF;
		padding:9px;
		text-shadow:#000 3px 3px 5px;
		display:block; /*muestra toda la caja, la letra estara al centro del menu*/
		font-family: 'MyriadPro-Regular';
		font-size:16px;
		text-decoration:none;
		border:#000000 solid 1px;
		}
		#pages_nav li a:hover{ /*poner un color de fondo en los botones cuando el mause este ensima*/
			background-color:#588a59;
			color:#ffffff;
		}
		#pages_nav li a.active{ /*poner un color de fondo en los botones del menu donde esta la pagina*/
			background-color:#759800;
			color:#FFFFFF;
			
		}
/*
FIN DE LA CABECERA 
INICIO DEL CUERPO*/

	
#page_body{
	float:left;
	width:960px;
	background-color:#FFF;
}
	#page_body .content{ /*CUERPO DE LA IZQUIERDA*/
		background-color:#fff;
		/*width:702px;*/
		width:940px;
		float:left;
		padding:9px;
	}
		#page_body .content .img-arriba{ /*imagen del borde de arriba de la caja*/
			background-image:url(../images/borde-texto-arriba.jpg);
			background-repeat:no-repeat;
			/*width:702px;*/
			width:940px;
			height:18px;
		}
		#page_body .content .img-medio{ /*imagen del borde de medio de la caja*/
			background-image:url(../images/borde-texto-centro.jpg);
			background-repeat:repeat-y;
			background-position:top right;
			/*width:682px;*/
			width:900px;
			padding:0px 20px;
					}
		#page_body .content .img-abajo{ /*imagen del borde de abajo de la caja*/
			background-image:url(../images/borde-texto-abajo.jpg);
			background-repeat:no-repeat;
			/*width:702px;*/
			width:940px;
			height:30px;
		}
		
		
	/*CUERPO DE LA DERECHA*/	
	#page_body .sidebar{
		width:211px;
		float:left;
		background-color:#fff;
		padding:9px 14px 9px 15px; 
		
	}
		#page_body .sidebar .sidebar1{ /*imagen del borde de arriba de la caja*/
			background-image:url(../images/borde-menu-derecho-arriba.jpg);
			background-repeat:no-repeat;
			width:211px;
			height:30px;
		}
		#page_body .sidebar .sidebar2{ /*imagen del borde de medio de la caja*/
			background-image:url(../images/borde-menu-derecho-centro.jpg);
			background-repeat:repeat-y;
			width:191px;
			padding:0px 10px;
		}
		#page_body .sidebar .sidebar3{ /*imagen del borde de abajo de la caja*/
			background-image:url(../images/borde-menu-derecho-abajo.jpg);
			background-repeat:no-repeat;
			width:211px;
			height:30px;
		}
h1{
font-family: 'Britannic Bold';
font-size:24px;
font-weight:normal;
color:#213820;
text-decoration:underline;
text-shadow:#213820 2px 2px 6px;
}

h2{
font-family: 'Segoe Script';
font-size:18px;
font-weight:normal;
color:#213820;
text-decoration:underline;
text-shadow:#213820 2px 2px 6px;
}

h3{
font-family: 'Britannic Bold';
font-size:18px;
font-weight:normal;
color:#213820;
}
h4{
font-family: 'Britannic Bold';
font-size:24px;
font-weight:normal;
color:#213820;
text-decoration:underline;
}
h5{
font-family: 'Britannic Bold';
font-size:30px;
font-weight:normal;
color:#213820;
}
h6{
font-family: 'Britannic Bold';
font-size:15px;
font-weight:normal;
color:#fffff;

text-shadow:#213820 2px 2px 6px;
}
p{
font-family:'Segoe Script';
font-size:16px;
font-weight:normal;
color:#213820;

}
/*FIN DEL CUERPO
INICIO DEL PIE DE PAGINA*/

#footer{
	border:#000000 solid 1px;
	width:960px;
	float:left;
	background-color:#30522f;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	
}
table{
	/*margin-left:5px;*/
	color:#30522f;
	background:#70AA70;
	margin: 0 auto;
	box-shadow:#213820 4px 4px 6px;
	-moz-border-radius: 5px;
}

th{
font-family: 'Segoe Script';
font-size:18px;
font-weight:normal;
color:#ffffff;
text-decoration:underline;
/*text-shadow:#213820 2px 2px 6px;*/
}
td{
font-family:Arial, Helvetica, sans-serif
font-family: 'Segoe Script';
font-size:18px;
font-weight:normal;
color:#ffffff;
text-align:center;
}
	

.Janne1{
display:none;
}


/*cambia de color cuando el mouse esta ensema de una caja de texto*/
input:hover{
color:#9933FF;
-moz-border-radius: 5px;
}
/*
me muestra de amarillo donde esta el cursor del mouse*/
input:focus{
border:#30522F solid 5px;
-moz-border-radius: 5px;
}

hr{
height: 3px;
border: 3px;
background-color: #30522F;
box-shadow:#213820 4px 4px 4px;
}

 /*. cuando es clase, y # cuando es id*/
.tamGrande{
width:800px;
height:70px;
}

.tamPeque{
width:60px;
}

.tamMed{
width:80px;
}

.tamMed1{
width:140px;
height:23px;
}


